/* reset.scss */

/* 1. 设置所有元素的 box-sizing 为 border-box */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. 设置 html 和 body 的边距和填充为 0 */
html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif; /* 或根据项目需求设置 */
  line-height: 1.4;
  -webkit-font-smoothing: antialiased; /* 防止字体渲染不清晰 */
  -moz-osx-font-smoothing: grayscale;
}

/* 3. 清除 h1~h6 标签的默认样式 */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/* 4. 清除列表的样式 */
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 5. 清除表格样式 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  padding: 0;
  text-align: left;
}

/* 6. 清除链接的默认样式 */
a {
  text-decoration: none;
  color: inherit;
}

/* 7. 使图片不超出其容器 */
img {
  max-width: 100%;
  height: auto;
}

/* 8. 设置输入框样式 */
input, textarea, button, select {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* 9. 清除 form 默认样式 */
form {
  margin: 0;
}

/* 10. 设置 HTML5 元素默认样式 */
header, footer, article, section, aside, nav {
  display: block;
}

/* 11. 设置自定义滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

/* 12. 禁止图片拖动 */
img {
  -webkit-user-drag: none;
}